<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>购物车</title>
    <link href="../js/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../style/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../style/css/index.css">
    <link rel="stylesheet" type="text/css" href="../style/css/cart.css">
</head>
<body>

<!--Header-->
<header>
    <div class="top">
        <div class="wrapper" style="overflow: hidden">
            <div class="top_lt left">
                <i class="iconfont icon-qiandao"></i>
                <span>[每日签到]</span>
                <span>每月累计签到满10次，即可获得5蜜豆</span>
            </div>
            <div class="top_rt right">
                <span><a href="login—register.html?id=1" id="top_login">登录</a></span>
                <span><a href="login—register.html" id="top_register">注册</a></span>
                <span>|</span>
                <span><a href="#"><i class="iconfont icon-shouji"></i>手机APP</a></span>
                <span><a href="#"><i class="iconfont icon-kefu"></i>在线客服</a></span>
            </div>
        </div>
    </div>
    <!--middle-->
    <div class="middle" style="border-bottom: none">
        <div class="wrapper">
            <div class="logo" >
                <a title="美美箱"><img src="../images/loginImg/new-logo_memebox-china.png"></a>
            </div>
            <div class="current_step">
                <ul>
                    <li class="progress01 active">
                        <i class="iconfont icon-1"></i><br>
                        <div class="prog-title">购物车</div>
                    </li>
                    <li class="progress02 ">
                        <i class="iconfont icon-2"></i><br>
                        <div class="prog-title">提交订单</div>
                        <span class="hengxian">
                        </span>
                    </li>
                    <li class="progress03">
                        <i class="iconfont icon-xuanzhong1"></i><br>
                        <div class="prog-title">选择支付</div>
                        <span class="hengxian">
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</header>
<!--End Header-->


<!--Main-->
<section id="cart_main" class="wrapper">
    <div class="goods_table_title">
        <table class="table">
            <thead>
            <tr>
                <th width="40px">
                    <div class="radioGroup">
                        <label class="radioItem selectAll active">
                            <input type="checkbox">
                        </label>
                    </div>
                </th>
                <th class="prd-info"  width="386px">商品信息</th>
                <th width="147px">规格</th>
                <th width="88px">单价</th>
                <th width="147px">数量</th>
                <th width="88px">金额</th>
                <th width="88px">操作</th>
            </tr>
            </thead>
        </table>
    </div>
    <!--商品页面-->
    <div id="newcart-local">
        <table class=" table newcart-table local">
            <thead>
            <tr class="local">
                <th class="local-prd">
                    <div class="radioGroup">
                        <label class="radioItem selectGroup active">
                            <!--全选反选按框-->
                            <input type="checkbox" id="check_all_none">
                        </label>
                    </div>
                </th>
                <th colspan="6" class="prd-info">
                    <i class="iconfont icon-shandian"></i>
                    <span class="local-store">其他商品</span>
                    <span class="local-tips">满99元包邮</span>
                </th>
            </tr>
            </thead>
            <tbody id="cart_list">
            <!--<tr id="cart_goods_0">-->
                <!--<td>-->
                    <!--<div class="radioGroup prdGroup">-->
                        <!--<label class="radioItem theItem active">-->
                            <!--<input type="checkbox">-->
                        <!--</label>-->
                    <!--</div>-->
                <!--</td>-->
                <!--<td class="col-img">-->
                    <!--<a href="/catalog/product/view/id/6553/" class="product-image" title="">-->
                        <!--<img src="http://img-cn1001.memebox.com/media/catalog/product/cache/0/thumbnail/255x255/9df78eab33525d08d6e5fb8d27136e95/t/h/thumbnail-change2227.jpg" alt="">-->
                    <!--</a>-->
                    <!--<div class="col-name">-->
                        <!--<h2 class="product-name prd-name">-->
                            <!--<a href="/catalog/product/view/id/6553/">CLIO 珂莱欧&nbsp;完美气垫粉底液套装（送妆前乳）</a>-->
                        <!--</h2>-->
                    <!--</div>-->
                <!--</td>-->
                <!--<td>2호 란제리 2号 象牙白</td>-->
                <!--<td>¥149.00</td>-->
                <!--<td>-->
                    <!--<div class="quantity-form">-->
                        <!--<input type="button" class="substract numBtn" value="-">-->
                        <!--<input name="" value="1" readonly="true" class="qty" type="text">-->
                        <!--<input type="button" class="plus numBtn" value="+">-->
                    <!--</div>-->
                <!--</td>-->
                <!--<td>-->
                    <!--<span class="prd-price">¥149</span>-->
                <!--</td>-->
                <!--<td><a href="javascript:void(0);" class="delete-cart">删除</a></td>-->
            <!--</tr>-->
            </tbody>
            <tfoot>
            <tr>
                <td class="sumStore-foot" colspan="7">
                    <div class="sumCart-price">
                        <div class="sumCart-til">本仓总计:<span class="sumCart-num">￥0.00</span>
                            <span class="sumCart-coupon">(优惠<span class="cumCart-discount">￥0.00</span>)</span>
                        </div>
                    </div>
                </td>
            </tr>
            </tfoot>
        </table>
    </div>
    <!--删除清空-->
    <div class="sumCart-wrap" id="sumCart-toolbar">
        <div class="sumCart-group clearfix" id="sumCart-affix" style="bottom: auto;">
            <div class="radioGroup">
                <label class="radioItem selectAll active">
                    <input type="checkbox">
                </label>
                <a class="selectPdt-del" href="javascript:void(0);">
                    <i class="iconfont icon-shanchu"></i>删除</a>
            </div>
            <div class="sumCart-clear">
                <!--<a class="clearInvalid-link" href="javascript:void(0);">-->
                    <!--<i class="iconfont icon-qingkong"></i>清空失效的商品-->
                <!--</a>-->
            </div>
            <div class="sumCart-right">
                <div class="sumCart-price">
                    <span class="totalPrice-til">总计:</span>
                    <span class="totalPrice">￥0.00</span>
                    <span class="sumCart-tip">(不含运费)</span>
                </div>
                <a class="sumCart-pay" id="newcartcheckout" title="去结算" href="javascript:void(0);">去结算</a>
            </div>
        </div>
    </div>


</section>
<!--<section id="main" class="wrapper">-->
    <!--<section>-->
        <!--<table class="cart-colgroup">-->
            <!--<colgroup>-->
                <!--<col class="col-seq" width="6%">-->
                <!--<col class="col-img" width="34%">-->
                <!--<col class="col-norms" width="15%">-->
                <!--<col class="col-price" width="10%">-->
                <!--<col class="col-qty" width="15%">-->
                <!--<col class="col-row-price" width="10%">-->
                <!--<col class="col-action" width="10%">-->
            <!--</colgroup>-->
            <!--<thead>-->
            <!--<tr>-->
                <!--<th>-->
                    <!--<div class="radioGroup">-->
                        <!--<label class="radioItem selectAll active"><i class="iconfont icon-xuanzhong"></i></label>-->
                    <!--</div>-->
                <!--</th>-->
                <!--<th class="prd-info">商品信息</th>-->
                <!--<th>规格</th>-->
                <!--<th>单价</th>-->
                <!--<th>数量</th>-->
                <!--<th>金额</th>-->
                <!--<th>操作</th>-->
            <!--</tr>-->
            <!--</thead>-->
        <!--</table>-->
    <!--</section>-->
    <!--<section></section>-->
<!--</section>-->
<!--End Main-->




<!--Footer-->
<footer>
    <div id="f_main">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-xs-3 main_text">
                    <div><img src="../images/loginImg/genuine.png"></div>
                    <p>100%正品</p>
                </div>
                <div class="col-md-3 col-xs-3 main_text">
                    <div><img src="../images/loginImg/low.png"></div>
                    <p>优质低价</p>
                </div>
                <div class="col-md-3 col-xs-3 main_text">
                    <div><img src="../images/loginImg/deliver.png"></div>
                    <p>极速发货</p>
                </div>
                <div class="col-md-3 col-xs-3 main_text">
                    <div><img src="../images/loginImg/refund.png"></div>
                    <p>退换无忧</p>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-xs-4 foot_lt">
                    <img src="../images/loginImg/szj.jpg">
                    <p>关于我们</p>
                    <div class="third_logo">
                        <img src="../images/loginImg/meme.png">
                        <img src="../images/loginImg/wechat.png">
                        <img src="../images/loginImg/sina.png">
                    </div>
                </div>
                <div class="col-md-2 col-xs-2 footer_text">
                    <ul>
                        <li class="li_title">关于美美箱</li>
                        <li class="li_text">
                            <a href="#">美美全球</a>
                        </li>
                        <li class="li_text">
                            <a href="#">品牌优势</a>
                        </li>
                        <li class="li_text">
                            <a href="#">消费保障</a>
                        </li>
                        <li class="li_text">
                            <a href="#">线下体验店</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-2 footer_text">
                    <ul>
                        <li class="li_title">帮助中心</li>
                        <li class="li_text">
                            <a href="#">常见问题</a>
                        </li>
                        <li class="li_text">
                            <a href="#">账户相关</a>
                        </li>
                        <li class="li_text">
                            <a href="#">包邮政策</a>
                        </li>
                        <li class="li_text">
                            <a href="#">支付相关</a>
                        </li>
                        <li class="li_text">
                            <a href="#">物流相关</a>
                        </li>
                        <li class="li_text">
                            <a href="#">退换政策</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-2 footer_text">
                    <ul>
                        <li class="li_title">服务协议</li>
                        <li class="li_text">
                            <a href="#">服务协议</a>
                        </li>
                        <li class="li_text">
                            <a href="#">个人网申协议</a>
                        </li>
                        <li class="li_text">
                            <a href="#">隐私政策</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 col-xs-2 footer_text">
                    <ul>
                        <li class="li_title">联系我们</li>
                        <li class="li_text">
                            <a href="#">商务合作</a>
                        </li>
                        <li class="li_text">
                            <a href="#">分销合作</a>
                        </li>
                        <li class="li_text">
                            <a href="#">加入我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="service">
        <P>联系客服</P>
        <div>
            <span>客服时间 : 周一~周日(9:00 - 21:00)</span>
            <span>客服热线: 400-720-9967</span>
            <span>客服邮箱 :kf@memeboxglobal.com</span>
        </div>
    </div>
    <div id="copyright">
        <div class="cr_lt left">
            <span>© 2015 Memebox Corporation. All Rights Reserved.</span>
        </div>
        <div class="cr_rt right">
            <a><img src="../images/loginImg/icon.gif"></a>
            <span>蜜米柏克思（上海）商贸有限公司 </span>
            <span>上海市杨浦区政立路415号中航天盛广场A座6楼 </span>
            <span>沪ICP备14043341号</span>
            <a href="#">营业执照</a>
        </div>
    </div>
    <div id="bt_img">
        <img src="../images/indexImg/szj.png"/>
        <img src="../images/indexImg/szjqr.png"/>
        <span class="close"></span>
    </div>
</footer>
<!--End footer-->

</body>
</html>
<script src="../js/jquery/jquery.js"></script>
<script src="../js/html5shiv/html5shiv.js"></script>
<script src="../js/bootstrap/bootstrap.min.js"></script>
<script src="../js/lib/ajax.js"></script>
<script src="../js/index.js"></script>
<script src="../js/lib/cookies.js"></script>
<script src="../js/lib/cart.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>
